<!DOCTYPE html>

<html>
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="no-cache">
<meta charset="UTF-8">

<title>To My Love</title>
<link rel="stylesheet" href="./jscss/min.css">
<script src="./jscss/share.js">
</script>
</head>
<body class="ft-absolute-nav">
<div class="flowtime" style="transform: translateX(-500%) translateY(0%);">
<div class="ft-section section-1" data-id="__section-1" data-prog="__1" id="">
<div id="" class="ft-page page-1 past-section" data-id="__page-1" data-prog="__1">
<p class="text1">Dear HuanHuan, Happy Birsday! <br />
 And  Wish You Happy Ever After</p>
<p class="text2">按键盘 "↓" 开始倾听我的祝福</p>
</div>
<div id="" class="ft-page page-2 right-img past-section future-page " data-id="__page-2" data-prog="__2" style='text-align:left;' >
<img src="./jscss/14915.jpg" >
<h3 style='padding-left:100px;'>
遇见你是我的缘<br /><br />
一个帖子的引子<br />
一个试探的你好<br />
一个反射弧玩笑<br />

</h3>
 
</div>
<div id="" class="ft-page page-3 left-img past-section future-page" data-id="__page-3" data-prog="__3">
<h3>第一次偷拍你</h3>
<img src="./li/l2.jpg" >
</div>
<div id="" class="ft-page page-4 right-img past-section future-page" data-id="__page-4" data-prog="__4">
<h3 style='padding-left:100px;'>第一次合影</h3>
<img src="./li/l3.jpg" >
</div>
</div>
<div class="ft-section section-2" data-id="__section-2" data-prog="__2" id="">
<div id="" class="ft-page page-5  past-section right-img" data-id="__page-1" data-prog="__1">
<h3 style='padding-left:100px;'>有你在，<br />随处都是爱的风景<h3>
<img src="./li/l4.jpeg" alt="一个人的地铁">
</div>
<div id="" class="ft-page page-6 past-section future-page " data-id="__page-2" data-prog="__2">
<img src="./li/i5.png" alt="那时候微胖的你，^_-">
<h3 style="float:left">那时候还胖乎乎的你，^_-</h3>
</div>
<div id="" class="ft-page page-7 past-section future-page" data-id="__page-3" data-prog="__3">
<h3 style='width:50px; margin-left:0px;left:200px;'>这张比较像你以前的样子</h3>
<img src="./li/i6.jpeg" alt="">
</div>
<div id="" class="ft-page page-8 full-img past-section future-page" data-id="__page-4" data-prog="__4">
<h3 style="width:550px;">这个是喷泉，没有你 <br />:)</h3>
<img src="./li/i7.jpeg" alt="">
</div>
<div id="" class="ft-page page-9 past-section future-page" data-id="__page-5" data-prog="__5">
<h3 style="float:left; margin-left:100px; width:50px;">有点芭蕾的潜质</h3>
<img src="./li/i8.jpeg" alt="" style="  margin-left: 300px;margin-top: 0;">
</div>
<div id="" class="ft-page page-10 past-section future-page" data-id="__page-6" data-prog="__6">
<img src="./li/i9_2.jpeg" alt="" style="float:left;">
<img src="./li/i9_1.jpeg" alt="" style="float:right;">
<h3>阳春白雪与下里巴人<h3>
</div>
</div>
<div class="ft-section section-3" data-id="__section-3" data-prog="__3" id="">
<div id="" class="ft-page page-11  past-section" data-id="__page-1" data-prog="__1">

<img src="./li/i10_1.jpeg" alt="" style="float:left">
<img src="./li/i10_2.jpeg" alt="" style="float:right;">
<h3>有时候发现我们拍照好没有创意 <br />-_-</h3>
</div>
<div id="" class="ft-page page-12 past-section future-page" data-id="__page-2" data-prog="__2">
 
<img src="./li/i11_1.jpeg" alt="" style="float:left">
<img src="./li/i11_2.jpeg" alt="" style="float:right;">
<h3>有时候发现我们拍照好没有创意 <br />-_-</h3>

</div>
<div id="" class="ft-page page-13 past-section full-img future-page" data-id="__page-3" data-prog="__3">
<img src="./li/i12.jpeg" alt="" style="height:100%	">
<h3 style='bottom: 1em;color:#EE3333'>你还记得当年孤山上的红鱼吗</h3>

</div>
<div id="" class="ft-page page-14 left-img past-section future-page" data-id="__page-4" data-prog="__4">
<h3>只有我俩才能认出来的照片</h3>
<img src="./li/i13.jpeg" alt="">
</div>
<div id="" class="ft-page page-15 left-img past-section future-page" data-id="__page-5" data-prog="__5">
<h3>进京之旅开端<br />之杭州东站</h3>
<img src="./li/i14.jpeg" alt="">
</div>
<div id="" class="ft-page page-16 left-img past-section future-page" data-id="__page-6" data-prog="__6">
<h3>那时候的我<br />还真是傻乎乎的哪</h3>
<p class='text'><br /><br /> <br /><br />穿着，姿势<br />还背个土土的书包<br />都不忍直视了-_-</p>
<img src="./li/i15.jpeg" alt="">
</div>

</div>
<div class="ft-section section-4" data-id="__section-4" data-prog="__4" id="">
<div id="" class="ft-page page-18 full-img past-section" data-id="__page-1" data-prog="__1">
<p class="text">水上公园，跟不是你的另一个异性一起的哦</p>
<img src="./li/i16.jpeg" alt="">
</div>
<div id="" class="ft-page page-19 past-section full-img future-page" data-id="__page-2" data-prog="__2">
<h3>天安门，这次是跟你一起了</h3>
<img src="./li/i17.jpeg" alt="">
</div>
<div id="" class="ft-page page-20 full-img past-section future-page" data-id="__page-3" data-prog="__3">

<h3>没有你的故宫游</h3>
<p class='text'><br /><br />下次一定要与你一起</p>
<img src="./li/i18.jpeg" style='left:0;'>
</div>
<div id="" class="ft-page page-21  past-section future-page" data-id="__page-4" data-prog="__4">
<h3 style='width:50px; margin-left:800px;'>有些事情就是天注定的</h3>
<img src="./li/i19.jpeg" alt="" style='left:0;top:0;position:absolute;z-index:-1;'>
</div>
<div id="" class="ft-page page-22 left-img past-section future-page" data-id="__page-5" data-prog="__5">
<h3>某些角度看其实我也还蛮帅的</h3>
<img src="./li/i20.jpeg" alt="">
</div>
<div id="" class="ft-page page-23 left-img full-img past-section future-page" data-id="__page-6" data-prog="__6">
<h3>调戏街头路人</h3>
<img src="./li/i21.jpeg" alt="">
</div>
<div id="" class="ft-page page-24 full-img past-section future-page" data-id="__page-7" data-prog="__7">	
<h3>调戏街头路人 X2</h3>
<img src="./li/i22.jpeg" alt="">
</div>
</div>
<div class="ft-section section-5" data-id="__section-5" data-prog="__5" id="">
<div id="" class="ft-page page-25 left-img past-section" data-id="__page-1" data-prog="__1">
<h3>淑女的你</h3>
<img src="./li/i23.jpeg" alt="">
</div>
<div id="" class="ft-page page-26 left-img past-section future-page" data-id="__page-2" data-prog="__2">
<h3>和调皮的我 :D</h3>
<img src="./li/i24.jpeg" alt="然后高兴地进入梦乡，希望梦到小红">
</div>
<div id="" class="ft-page page-27 past-section future-page" data-id="__page-3" data-prog="__3">
<h3 style='float:left; width:50px;margin-left:100px;'>有时候你也拥有大长腿</h3>
<img src="./li/i25.jpeg" alt="">
</div>
<div id="" class="ft-page page-28 past-section future-page" data-id="__page-4" data-prog="__4">
<img src="./li/i26.jpeg" alt="">
<h3 style=''>有时候，<br />我也很有型</h3>
</div>
<div id="" class="ft-page page-29 past-section future-page" data-id="__page-5" data-prog="__5">
<h3 style='width:50px; left:50%;'>风格迥异的p o s e</h3>
<img src="./li/i27_1.jpeg" alt="" style='float:left;'>
<img src="./li/i27_2.jpeg" alt="" style='float:right;'>
</div>
<div id="" class="ft-page page-30 past-section full-img future-page" data-id="__page-6" data-prog="__6">
<h3>为你包场的电影 ×_×</h3>
<img src="./li/i28.jpeg" alt="">
</div>
<div id="" class="ft-page page-31 past-section full-img future-page" data-id="__page-7" data-prog="__7">
<h3>不过好像与朋友在一起你更开心</h3>
<img src="./li/i29.jpeg" alt="">
</div>
</div>
<div class="ft-section section-6" data-id="__section-6" data-prog="__6" id="">
<div id="" class="ft-page page-32 hilite actual" data-id="__page-1" data-prog="__1">
<h3 style="width:50px;left:50%;position:absolute;">我们的脚也是很般配的</h3>
<img src="./li/i30_1.jpeg" alt="" style='float:left;'>
<img src="./li/i30_2.jpeg" alt="" style='float:right;'>
</div>
<div id="" class="ft-page page-33 full-img top-text future-page" data-id="__page-2" data-prog="__2">
<h3>北京站的分别</h3>
<img src="./li/i31.jpeg" alt="">
</div>
<div id="" class="ft-page page-34 left-img future-page" data-id="__page-3" data-prog="__3">
<h3>分别后你的心情<br />^_~</h3>
<img src="./li/i32.jpeg" />
</div>
<div id="" class="ft-page page-35 future-page" data-id="__page-4" data-prog="__4">
<h3>后来你来了杭州<br>我带你去爬山<br></h3>
<img src="./li/i33.jpg" alt="">
</div>
<div id="" class="ft-page page-36 full-img future-page" data-id="__page-5" data-prog="__5">
<h3 style='color:#EEEE33'>还有我们的合影</h3>
<img src="./li/i34.jpg" alt="">
</div>
<div id="" class="ft-page page-37 left-img future-page" data-id="__page-6" data-prog="__6">
<h3>怎么都学不会的滑板 *__*</h3>
<img src="./li/i35.jpg" alt="">
</div>
<div id="" class="ft-page page-38 future-page" data-id="__page-7" data-prog="__7">
<img src="./li/i36_1.jpg" alt="" style="float:left;">
<img src="./li/i36_2.jpg" alt="" style="float:right;">
<h3>带你去胡吃海喝</h3>
</div>
</div>
<div class="ft-section section-7" data-id="__section-7" data-prog="__7" id="">
<div id="" class="ft-page page-39 left-img future-section" data-id="__page-1" data-prog="__1">
<h3>能想起来这是哪里么</h3>
<img src="./li/i37.jpg" alt="">
</div>
<div id="" class="ft-page page-40 future-section future-page" data-id="__page-2" data-prog="__2">
<h3>还是给你点提示吧</h3>
<img src="./li/i38.jpg" alt="{text45_}">
</div>
<div id="" class="ft-page page-41 future-section future-page" data-id="__page-3" data-prog="__3">
<img src="./li/i39.jpg" class="img1" alt=" ">
<img src="./li/jianying2.jpg" class="img2" alt="">
<h3 style='text-align:right; right:400px;top:10%;'>再来个剪影</h3>
</div>
<div id="" class="ft-page page-42 future-section future-page full-img" data-id="__page-4" data-prog="__4">
<h3>夺命剪刀手<br> </h3>
<img src="./li/i40.jpg" alt="">
</div>
<div id="" class="ft-page page-43 future-section future-page left-img" data-id="__page-5" data-prog="__5">
<img src="./li/i41.jpg" alt=" ">
<h3>夺命剪刀手 X2</h3>
</div>
<div id="" class="ft-page page-44 left-img future-section future-page" data-id="__page-6" data-prog="__6">
<h3>背着书包的傻妞<br></h3>
<img src="./li/i42.jpg" alt=" ">
</div>
<div id="" class="ft-page page-45 left-img future-section future-page" data-id="__page-7" data-prog="__7">
<h3>安心睡觉的傻妞<br> </h3>
<img src="./li/i43.jpg" alt=" ">
</div>
</div>
<div class="ft-section section-8" data-id="__section-8" data-prog="__8" id="">
<div id="" class="ft-page page-46 future-section" data-id="__page-1" data-prog="__1">
<img src="./li/i44.jpg" alt="">
<h3>
<span>你在看着镜子里的蛇</span>
<span>蛇也在看着镜子外的你</span>
<span> </span>
<span> </span>
</h3>
</div>
<div id="" class="ft-page page-47 top-text future-section future-page" data-id="__page-2" data-prog="__2">
<img src="./li/i45.jpg" alt=" ">
<h3>
<span>看过了古色古香的水巷</span>
<span>可惜没看到太湖的湖水</span>
<span>:D</span>
<span>下次带你去湖州看太湖</span>
</h3>
</div>
<div id="" class="ft-page page-48 left-img future-section future-page" data-id="__page-3" data-prog="__3">
<p>后来回杭州<br>你的某个朋友过来了<br /> ⊙_⊙<br /></p>
<img src="./li/i46.jpg" alt="小明也会继续努力">
</div>
<div id="" class="ft-page page-49 full-img future-section future-page" data-id="__page-4" data-prog="__4">
<h3>去看白娘子和许仙的故事</h3>
 
<img src="./li/i47.jpg" alt=" ">
</div>
<div id="" class="ft-page page-50 future-section future-page" data-id="__page-5" data-prog="__5">
<h3>
你看的那么认真<br>是喜欢小孩子呢<br />还是喜欢吃糖葫芦</h3>
<img src="./jscss/iali50_1.jpg" class="img1" alt=" ">
<img src="./li/i48.jpg" class="img2" alt=" ">
</div>
<div id="" class="ft-page page-51 future-section future-page left-img" data-id="__page-6" data-prog="__6">
<h3 style=''>是我们改变了世界</h3>
<img src="./li/i49.jpg" class="" alt=" ">
</div>
</div>
<div class="ft-section section-9" data-id="__section-9" data-prog="__9" id="">
<div id="" class="ft-page page-52 full-img future-section" data-id="__page-1" data-prog="__1">
<h3>执子之手，与子携游</h3>
<img src="./li/i50.jpg" alt="">
</div>
<div id="" class="ft-page page-53 future-section future-page" data-id="__page-2" data-prog="__2">
<img src="./jscss/iali68.jpg" alt="">
<h3>生日快乐，虽然晚了点</h3>
</div>
<div id="" class="ft-page page-54 center-img future-section future-page" data-id="__page-3" data-prog="__3">
<h3 style='position:absolute;width:50px;left:10%;line-height:70px;'>遇见你是我的缘</h3>
<div class="center-img">I love you</div>
</div>
<div id="" class="ft-page page-55 right-img future-section future-page" data-id="__page-4" data-prog="__4">
<img src="./jscss/14915.jpg" alt="">
<p class="text">
王子和公主从此幸福的生活在了一起<br>
happy ever after<br>
<br>
<br>
<span> -- 按“Esc"键有惊喜</span>
</p>				
</div>
</div>
</div>



<audio id="bgmMusic" src="./jscss/dwcqzsg.mp3" preload="auto" type="audio/mp3" autoplay="" loop="">
</audio>

<script src="./jscss/jquery.min.js">
</script>
<script src="./jscss/all.min.js">
</script>
<script src="./jscss/love.js">
</script>
<div class="ft-default-progress">
<div data-section="__0" class="ft-section-thumb thumb-section-0">
<div class="ft-page-thumb thumb-page-0" data-section="__0" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__0" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__0" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__0" data-page="__3">
</div>
</div>
<div data-section="__1" class="ft-section-thumb thumb-section-1">
<div class="ft-page-thumb thumb-page-0" data-section="__1" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__1" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__1" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__1" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__1" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__1" data-page="__5">
</div>
</div>
<div data-section="__2" class="ft-section-thumb thumb-section-2">
<div class="ft-page-thumb thumb-page-0" data-section="__2" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__2" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__2" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__2" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__2" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__2" data-page="__5">
</div>
<div class="ft-page-thumb thumb-page-6" data-section="__2" data-page="__6">
</div>
</div>
<div data-section="__3" class="ft-section-thumb thumb-section-3">
<div class="ft-page-thumb thumb-page-0" data-section="__3" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__3" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__3" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__3" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__3" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__3" data-page="__5">
</div>
<div class="ft-page-thumb thumb-page-6" data-section="__3" data-page="__6">
</div>
</div>
<div data-section="__4" class="ft-section-thumb thumb-section-4">
<div class="ft-page-thumb thumb-page-0" data-section="__4" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__4" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__4" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__4" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__4" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__4" data-page="__5">
</div>
<div class="ft-page-thumb thumb-page-6" data-section="__4" data-page="__6">
</div>
</div>
<div data-section="__5" class="ft-section-thumb thumb-section-5">
<div class="ft-page-thumb thumb-page-0 actual" data-section="__5" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__5" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__5" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__5" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__5" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__5" data-page="__5">
</div>
<div class="ft-page-thumb thumb-page-6" data-section="__5" data-page="__6">
</div>
</div>
<div data-section="__6" class="ft-section-thumb thumb-section-6">
<div class="ft-page-thumb thumb-page-0" data-section="__6" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__6" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__6" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__6" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__6" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__6" data-page="__5">
</div>
<div class="ft-page-thumb thumb-page-6" data-section="__6" data-page="__6">
</div>
</div>
<div data-section="__7" class="ft-section-thumb thumb-section-7">
<div class="ft-page-thumb thumb-page-0" data-section="__7" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__7" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__7" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__7" data-page="__3">
</div>
<div class="ft-page-thumb thumb-page-4" data-section="__7" data-page="__4">
</div>
<div class="ft-page-thumb thumb-page-5" data-section="__7" data-page="__5">
</div>
</div>
<div data-section="__8" class="ft-section-thumb thumb-section-8">
<div class="ft-page-thumb thumb-page-0" data-section="__8" data-page="__0">
</div>
<div class="ft-page-thumb thumb-page-1" data-section="__8" data-page="__1">
</div>
<div class="ft-page-thumb thumb-page-2" data-section="__8" data-page="__2">
</div>
<div class="ft-page-thumb thumb-page-3" data-section="__8" data-page="__3">
</div>
</div>
</div>
<div class="mPower">
<span id="on" title="点击暂停">
</span>
<span id="off" title="点击播放">
</span>
</div>

</body>
</html>
